body {
    font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif;
}
ul {
    list-style: none;
}
[v-cloak] {
    display: none;
}
._hr {
    height: 5px;
    background-color: #f5f5f5;
}
.clear {clear: both;}
.fs12 {
    font-size: 12px;
}
.ml5 {margin-left: 5px;}
.mr1 {margin-right: 1px;}
.mr3 {margin-right: 3px;}
.mr5 {margin-right: 5px;}
.mb5 {margin-bottom: 5px;}
.mb0 {margin-bottom: 0;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}

.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mb10 {margin-bottom: 10px;}
.block {display: block;}
._nav {
    box-shadow: 0 0 1px rgba(0,0,0,.15);
    background-color: #fdfdfd;
    position: relative;
}
.navTabs-box {
    width: 100%;
    max-width: 1000px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0 8px;
}
.banner {width: 100%;max-width: 800px;min-width: 320px;margin: 0 auto;margin-top: 15px;padding: 0 8px;}
.banner ul li img {width: 100%;}
#nav-banner {min-height: 97px;}
.banner .carousel-indicators {margin-left:auto !important;}
.navTabs-item {
    color: rgba(0,0,0,.68);
    font-size: 14px;
    transition: color .5s ease-in-out 0s;
    padding-right: 20px;
}
.navTabs {
    position: relative;
}
.navTabs-Right {
    color: rgba(0,0,0,.68);
    position: relative;
    float: right;
}
.navTabs-Right .tabs-mb {
    position: absolute;
    right: 0;
    top: 25px;
    font-size: 18px;
    display: none;
}
.nav {
    /*height: 65px;*/
    /*line-height: 65px;*/
}
.nav > li{

}
.nav li a {
    height: 65px;
    line-height: 40px;
    color: rgba(0,0,0,.68);
    /*margin-right: 5px;*/
}

.container-fluid {
    width: 100%;
    max-width: 940px;
    min-width: 320px;
    margin: 20px auto 0 auto;
    padding:0;
}
.mugua-site {position: absolute;text-decoration:none;font-size: 18px;color:#495f73;left: 0;}
.mugua-site span {color: #260000;}
.mugua-site:hover {text-decoration:none;}
.mugua-site small {display: block;font-size: 14px;color: #260000;}
.mugua-site .title {display: inline-block;position: relative;top: 14px;}
.mugua-site .logo {display: inline-block;width: 46px;}
.navTabs .right-txt {float: right;}

.inlineblock {display: inline-block;}
.fl {float: left;}
.fr {float: right;}
.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.pointer {cursor: pointer;}
/*婊氬姩鏉�*/
.scrollbar::-webkit-scrollbar{display: none;}
.scrollbar:hover::-webkit-scrollbar{display: block;}
.scrollbar::-webkit-scrollbar{width: 5px}
.scrollbar::-webkit-scrollbar-button{display: none}
.scrollbar::-webkit-scrollbar-thumb{background-color: rgb(206, 206, 206); border-radius: 3px;  }

/*alert*/
.alert-notice{background-color: #1fbfa7;color: #fff;border-color: #03d1b7;}


[class*="icheck-"] {min-height: 22px;  padding-left: 0px;}
.radio { position: relative;  display: inline-block;margin: 10px ;  }
[class*="icheck-"] > input:first-child {  position: absolute;  opacity: 0;  margin: 0;  }
[class*="icheck-"] > label {  padding-left: 25px !important;  min-height: 22px;  line-height: 22px;  display: inline-block;  position: relative;  vertical-align: top;  margin-bottom: 0;  font-weight: normal;  cursor: pointer;  }
[class*="icheck-"] > input:first-child + label::before, [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {  content: "";  display: inline-block;  position: absolute;  width: 22px;  height: 22px;  border: 1px solid #D3CFC8;  border-radius: 0px;  margin-left: -25px;  }
.icheck-theme > input:first-child + label::before{border:1px solid #0390d0}
.icheck-red > input:first-child + label::before{border:1px solid #b10d06}
[class*="icheck-"] > input:first-child:checked + label::after, [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after {  content: "";  display: inline-block;  position: absolute;  top: 0;  left: 0;  width: 7px;  height: 10px;  border: solid 2px #fff;  border-left: none;  border-top: none;  transform: translate(7.75px, 4.5px) rotate(45deg);  -ms-transform: translate(7.75px, 4.5px) rotate(45deg);  }
.icheck-primary > input:first-child:checked + label::before, .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {  background-color: #337ab7;  border-color: #2e6da4;  }
[class*="icheck-"] > input[type="radio"]:first-child + label::before, [class*="icheck-"] > input[type="radio"]:first-child + input[type="hidden"] + label::before {  border-radius: 50%;  }
.icheck-success > input:first-child:checked + label::before, .icheck-success > input:first-child:checked + input[type="hidden"] + label::before {  background-color: #009688;  border-color: #009688;  }
.icheck-red > input:first-child:checked + label::before, .icheck-red > input:first-child:checked + input[type="hidden"] + label::before {  background-color: #cc564e;  border-color: #cc564e;  }
label.icheck-sm::before{width: 18px!important;height: 18px!important;top:2px}
[class*="icheck-"] > input:first-child:checked + label.icheck-sm::after{transform:translate(5.75px, 3.5px) rotate(45deg);top:2px}
.icheck-white > input:first-child:checked + label::before, .icheck-white > input:first-child:checked + input[type="hidden"] + label::before{  background-color: #ffffff;  border-color: #ffffff;  }
.icheck-white > input:first-child:checked + label::after, .icheck-white > input:first-child:checked + input[type="hidden"] + label::after{border-color: #009688}

/*DefaultPopup*/
.mb-popup {}
.mb-popup .shade-bg{position: fixed;top: 0;left: 0;z-index: 800;background: #111111;opacity: 0.7;width: 100%;height: 100%;}
.mb-popup .mb-popup-modal{--width:635px;--height:310px;position: fixed;z-index: 802;width: var(--width);height: var(--height);background: #fff;left: calc(100%/2 - var(--width)/2);top: calc(100%/2 - var(--height)/2);padding: 15px 10px;}
.mb-popup .mb-popup-modal .close-window {position: absolute;right: 9px;top: 9px;color: #fff;display: block;width: 18px;height: 18px;background: #b6b0b0;text-align: center;border-radius: 50%;font-size: 12px;line-height: 19px;cursor: pointer;}
.mb-popup .mb-popup-modal .close-window:hover {background: #515151;}
.mb-popup .mb-popup-modal .mb-popup-title {text-align: center;font-weight: 600;font-size: 14px;}


.mb-popup .article-test-popup {padding: 0;}
.mb-popup .article-test-popup h5{text-align:inherit;height: 48px;background-color: #f8f8f8;padding: 0 15px 0 20px;display: flex;margin: 0;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.mb-popup .article-test-popup .mb-pouup-container {padding:22px 26px;max-height: 620px;overflow-y: auto;}
.mb-popup .article-test-popup .grade-row>div {height:20px;line-height:20px;}
.mb-popup .article-test-popup .before-icon {margin-right:10px;display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;}

.mb-popup .article-test-popup .init .init-list>li {display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:24px;font-size:16px;}

.mb-popup .article-test-popup .mb-pouup-container .check-header .hit span+span {margin-left: 30px;}
.mb-popup .article-test-popup .mb-pouup-container .danger-color {color:#ff2e4d;}
.mb-popup .article-test-popup .mb-pouup-container .accent-color {color:#ff2e4d;}
.mb-popup .article-test-popup .mb-pouup-container .title-color {color:#4184f3;}
.mb-popup .article-test-popup .mb-pouup-container .mr16 {margin-right: 16px;}
.mb-popup .article-test-popup .green-color {color:#0b96fd;}
.mb-popup .article-test-popup .check-header .hit {font-size:12px;margin-bottom:16px;}
.mb-popup .article-test-popup .check-header>ul {margin-bottom:6px;}
.mb-popup .article-test-popup .check-header>ul>li
{
    display:flex;
    margin-bottom:16px;
    font-size:14px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:20px;
}

.mb-popup .article-test-popup .check-content .check-container .risk-wrap .risk-result .risk-question-list dt {color: #666;margin-bottom: 10px;}
.mb-popup .article-test-popup .check-header>ul>li .check-title
{
    -webkit-box-flex:0;
    -ms-flex:0 0 120px;
    flex:0 0 120px;
    width:120px;
    color:#666;
}

.mb-popup .article-test-popup .check-header>ul>li .check-content
{
    max-width:815px;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#333;
}

.mb-popup .article-test-popup .check-content .max-h40
{
    max-height:40px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.mb-popup .article-test-popup .check-content .original-wrap table td ,
.mb-popup .article-test-popup .check-content .original-wrap table th {text-align: center;}

.mb-popup .article-test-popup .check-content .check-container {
    margin-top: 20px;
    max-height: 360px;
}

.mb-popup .article-test-popup .check-content>ul
{
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:36px;
    background-color:#fafafa;
}

.mb-popup .article-test-popup .check-content>ul>li
{
    cursor:pointer;
    width:110px;
    height:36px;
    line-height:36px;
    text-align:center;
    font-size:14px;
    color:#666;
}

.mb-popup .article-test-popup .check-content>ul>li.on
{
    background-color:#00a3fa;
    color:#fff;
}

.mb-popup .article-test-popup .check-content .check-container>div:not(.original-wrap)
{
    border:1px solid #e5e5e5;
    border-radius:4px;
    padding:20px;
}

.mb-popup .article-test-popup .check-content .check-container>div.url-result
{
    border:none;
    padding:0;
}

.mb-popup .article-test-popup .check-content .check-container .risk-wrap .risk-row
{
    margin-bottom:10px;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    font-size:16px;
}

.mb-popup .article-test-popup .check-content .check-container .risk-wrap .risk-result .risk-question-list
{
    padding-left:45px;
    margin-top:16px;
}

.mb-popup .article-test-popup .check-content .check-container .risk-wrap .risk-result .risk-question-list dt
{
    font-size:16px;
    color:#666;
    margin-bottom:10px;
}

.mb-popup .article-test-popup .check-content .check-container .risk-wrap .risk-result .risk-question-list dd>ul>li
{
    height:24px;
    line-height:24px;
}

.mb-popup .article-test-popup .check-content .check-container .original-wrap
{
    font-size:16px;
    position:relative;
}

.mb-popup .article-test-popup .check-content .check-container .original-wrap.hidden
{
    height:388px;
    overflow:hidden;
}

.mb-popup .article-test-popup .check-content .check-container .original-wrap .status-box
{
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:10;
    background:hsla(0,0%,100%,.9);
    overflow:hidden;
}
.mb-popup .article-test-popup .mb-pouup-container .grade-row
{
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    margin-top:10px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}

.mb-popup .article-test-popup .check-content .check-container .original-wrap .origin-grade .grade-desc
{
    margin-bottom:15px;
    margin-top:10px;
}

.mb-popup .article-test-popup .check-content .check-container .original-wrap .title
{
    height:46px;
    line-height:46px;
    background:#f8f8f8;
    padding:0 20px;
}

.mb-popup .article-test-popup .check-content .check-container .original-wrap .bdd
{
    overflow-x:hidden;
    overflow-y:auto;
    padding:10px 0;
}

.mb-popup .article-test-popup .check-content .check-container .original-wrap .bdd::-webkit-scrollbar-thumb
{
    background:#e6e6e6;
    border-radius:4px;
    width:4px;
}

.mb-popup .article-test-popup .check-content .check-container .original-wrap .bdd .tab {margin-top:20px;height:36px;}
.mb-popup .article-test-popup .check-content .check-container .original-wrap .bdd .tab span {cursor:pointer;margin-right:20px;padding-bottom:6px;line-height:36px;color:#666;font-size:14px;border-bottom:2px solid #fff;}
.mb-popup .article-test-popup .check-content .check-container .original-wrap .bdd .tab span.active {color:#00a3fa;border-color:#00a3fa;}
.mb-popup .article-test-popup .check-content .check-container .original-wrap .bdd .el-table.tableLst th .cell {color:#333;font-weight:400;line-height:50px;}
.mb-popup .article-test-popup .check-content .check-container .original-wrap .bdd .el-table.tableLst .cell {font-size:14px;color:#666;}
.mb-popup .article-test-popup .check-content .check-container .original-wrap .bdd .title-charts {margin-top:20px;padding:0 30px;}
.mb-popup .article-test-popup .check-content .check-container .original-wrap .bdd .title-charts .top {color:#999;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:50px;}
.mb-popup .article-test-popup .check-content .check-container .original-wrap .bdd .title-charts h2 {color:#333;font-weight:400;}
.mb-popup .article-test-popup .check-content .check-container .result-list {padding-left:90px;margin-top:20px;}
.mb-popup .article-test-popup .check-content .check-container .result-list>li {line-height:20px;margin-bottom:22px;font-size:14px;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.mb-popup .article-test-popup  .histogram-wrap .rows .x-item .x-image-box .x-value {top:-20px;}


/*footer*/
.footer {
    position: relative;
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #dcdfe4;
    margin-top: 20px;
    color: #4d5c67;
}
.footer p {
    margin-bottom: 5px
}
.footer a {
    text-decoration: none
}
.footer a:hover, .footer a:focus {
    text-decoration: underline
}
.footer-list{
    list-style: none;
    padding: 0;
    margin: 0 0 10px
}
.footer p:last-of-type{
    margin-bottom: 20px
}
.footer-list-item{
    display: inline-block;
    margin-bottom: 8px;
}
.footer-list-link {
    color: #737373;
}
.footer-list-link .new {
    display: inline-block;
    width: 32px;
    height: 27px;
    background: url(/static/app/img/icons/new.png) no-repeat;
    background-size: 126%;
    position: absolute;
    top: -23px;
    right: -18px;
}
.footer-list-item:not (:last-child ):after {
    content: "\b7";
    padding: 10px
}

.layui-layer-notice {}
.layui-layer-notice .layui-layer-content {padding: 16px 18px;}


@media (max-width: 650px) {
    /*.mugua-site small {*/
    /*display: none;*/
    /*}*/
    .navTabs .right-txt {float: none;display: block;margin-top: 104px;}
    .task-item .task-st .task-t-time {
        margin-top: 10px;
        display: block;
        width: 100%;
    }

    .function-desc .fun-tab {
        width: 100% !important;
        margin-bottom: 12px;
    }

    .task-form .voicer {text-align: center;}
    .alert.open-tips {
        width: 98% !important;
        font-size: 13px;
    }
    .navTabs-Right .tabs-mb {
        display: inline-block;
    }
    .navTabs-Right .nav {
        background: #ececec;
        position: absolute;
        right: 8px;
        z-index: 1000;
        top: 34px;
        border-radius: 3px;
        display: none;
    }
    .navTabs-Right .nav li a{
        height: auto;
        line-height: 25px;
        color: #293a46;
        min-width: 95px;
    }
    #nav-banner {min-height: 49px;}
    #nav-banner.ft-carousel .carousel-indicators span{width: 6px;height: 6px;}
    #nav-banner.ft-carousel .carousel-next-btn{background-size: 35%;}
    #nav-banner.ft-carousel .carousel-prev-btn{background-size: 35%;}
}


._tag {

}
._tag ul {
    padding-left: 0;
    margin-bottom: 0px;
}
._tag ul li {
    display: inline-block;
    padding: 3px 10px;
    cursor: pointer;
    margin-bottom: 10px;

    background: #abaaaa;
    border-radius: 5px;
    color: #fff;
}
._tag ul li.active {
    background: #ff4c4c;
    border-radius: 5px;
    color: #fff;
}



._from {
    padding: 10px 10px;
}
.comments-title {
    font-size: 18px;
    color: rgba(0,0,0,.6);
    margin-bottom: 20px;
}
.responses-form p {
    margin-bottom: 15px;
}
.comment-note {
    font-size: 12px;
    color: rgba(0,0,0,.6);
}
.input-submit {
    display: inline-block;
    background-color: #292929;
    border: 1px solid #292929;
    border-radius: 4px;
    padding: 8px 40px;
    color: hsla(0,0%,100%,.97);
    font-family: Tisa Pro;
    font-weight: 200;
    cursor: pointer;
    margin-top: 9px;
    font-size: 16px;
}
.input-submit.input-btn {
    padding: 7px 10px;
}
.input-submit.input-success {
    background-color: #17cf9c;
    border: 1px solid #17cf9c;
}
.input-submit.input-success:disabled {
    background-color: #16ac80;
    border: 1px solid #16ac80;
}


.forget-password {margin-left: 10px;margin-top: 20px;}